<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml"> 
 
<head> 
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
	<title>湖南省自来水公司营销管理信息系统</title> 
	
	<link rel="stylesheet" href="../css/reset.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/text.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/form.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/buttons.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/grid.css" type="text/css" media="screen" title="no title" />	
	<link rel="stylesheet" href="../css/layout.css" type="text/css" media="screen" title="no title" />	
	
	<link rel="stylesheet" href="../css/ui-darkness/jquery-ui-1.8.12.custom.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/plugin/jquery.visualize.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/plugin/facebox.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/plugin/uniform.default.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/plugin/dataTables.css" type="text/css" media="screen" title="no title" />
	
	<link rel="stylesheet" href="../css/custom.css" type="text/css" media="screen" title="no title">
	
</head> 
 
<body> 

<div id="wrapper">
	
<div id="bool"><script>window.onload=function (){  $("#bool").load("../ming.html");}</script></div>


	
	<div id="content" class="xgrid" >

		<div class="x12">
			
			<h2>
				发票使用情况查询
				<div style="float:right;">
					<a href="inv_invoiceReportUse.html">发票使用情况汇总表</a>
					发票使用情况明细表
				</div>
			</h2>
			

						 
				
				
			</div>
			<br/><br/>
			
			<div class="reportTitle">
				发票使用情况明细表
			</div>
            <div class="table-responsive" id="app">
			<table class="data display datatable">
				<thead>
					<th width="80">发票类型</th>
					<th width="80">发票号码</th>
					<th width="40">使用</th>
					<th width="40">作废</th>
					<th width="160">交费单号</th>
					<th>交费用户</th>
					<th width="100">交费金额</th>
					<th width="80">交费时间</th>
					<th width="80">收费员</th>
				</thead>
				<tbody>

					<tr v-for="item in list">
                        <td v-if="item.invoiceType==0">普通发票</td>
                        <td v-if="item.invoiceType==1">增值税发票</td>
						<td align="center" v-text="item.invoiceNo">发票号码</td>
                        <td v-if="item.used==true">是</td>
						<td align="center" v-if="item.used==false" >&nbsp;</td>
                        <td v-if="item.invalid==true">是</td>
                        <td align="center" v-if="item.invalid==false" >&nbsp;</td>
						<td align="center" v-text="item.payNo" >交费单号</td>
						<td align="center" v-text="item.userName">交费用户</td>
						<td align="center" v-text="item.payMoney">交费金额</td>
						<td align="center" v-text="item.payDate">交费时间</td>
						<td align="center" v-text="item.empNmae">收费员</td>
					</tr>

				</tfoot>
			</table>
            </div>

		</div> <!-- .x12 -->
		
	</div> <!-- #content -->

	
</div> <!-- #wrapper -->

<script src="../js/jquery/jquery-1.5.2.min.js"></script>
<script src="../js/jquery/jquery-ui-1.8.12.custom.min.js"></script>
<script src="../js/misc/excanvas.min.js"></script>
<script src="../js/jquery/facebox.js"></script>
<script src="../js/jquery/jquery.visualize.js"></script>
<script src="../js/jquery/jquery.dataTables.min.js"></script>
<script src="../js/jquery/jquery.tablesorter.min.js"></script>
<script src="../js/jquery/jquery.uniform.min.js"></script>
<script src="../js/jquery/jquery.placeholder.min.js"></script>

<script src="../js/widgets.js"></script>
<script src="../js/dashboard.js"></script>
<script src="../My97DatePicker/WdatePicker.js"></script>

<script src="../js/vue.js"></script>
<script src="https://cdn.bootcss.com/vue-resource/1.5.1/vue-resource.js"></script>
<script src="https://cdn.bootcss.com/axios/0.19.0-beta.1/axios.js"></script>

<script>
    new Vue({
        el: '#app',
        data() {
            return {
                list: [],
            }
        },
        mounted() {
            axios.get('/FPSY_MX').then(response => (
                this.list = response.data
            ));
        },

        watch: {
            list: function () {
                this.$nextTick(function () {
                    $(document).ready(function () {
                        Dashboard.init();
                    });
                })
            },
        },
    });
</script>

</body> 
 
</html>